<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/liebiaoye.css"/>

	<body>
		<div id="header">
			<div id="top">
				<p id="p10">您好！欢迎戴欧妮珠宝网！</p>
				<div>
					<span id="top2"><a href="登录页.html">登录</a>
			<a href="注册页.html">注册</a></span>
					<p id="p11">体验中心：新疆.乌鲁木齐北京南路旗舰店
						<a href="">切换</a>
					</p>

					<div id="lie1">
						<ul id="_ul1">
							<li><img src="images/213_08.jpg" />
								<a href="">我的戴欧妮</a>
							</li>
							<li>
								<a href="">我的珠宝箱</a>
							</li>
							<li>
								<a href=""><img src="images/213_10.jpg" id="pic0" />正品认证</a>
							</li>
							<li>
								<a href=""><img src="images/213_10.jpg" id="pic1" />预约进店</a>
							</li>
							<li>
								<a href=""><img src="images/213_03.jpg" />手机版</a>
							</li>
							<li>
								<a href=""><img src="images/213_05.jpg" />微信</a>
							</li>
							<li>
								<a href=""><img src="images/images/213_06_03.jpg" />微博</a>
							</li>
						</ul>
					</div>

				</div>
			</div>

		</div>
		<div id="nav">
			<a href=""><img src="images/首页_08.jpg" class="logo" /></a>
			<div id="text1">
				<input type="text" id="input1" />
				<input type="button" value="搜索" id="btn2" />
			</div>
			<div id="wenzi">

				<ul>
					<li>
						<a href="注册页.html">永痕</a>
					</li>
					<li>
						<a href="">浪漫</li>
					<li>
						<a href="">一生</li>
					<li>
						<a href="">爱情</li>
					<li>
						<a href="">密语</li>
				</ul>

			</div>
			<div id="right">
				<img src="images/首页_10.jpg" id="img1" />
				<img src="images/首页_03.jpg" id="img2" />
				<img src="images/首页_05.jpg" id="img3" />

			</div>
			<div id="select1">
				<label>所有分类</label>

				<ul id="ul_5">
					<li>钻石&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;30分 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;50分</li>
					<li>戒指</li>
					<li>吊坠</li>
					<li>耳饰</li>
					<li>手链</li>
					<li>黄金</li>

				</ul>
			</div>

			<div id="nav1">
				<ul>
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="">裸钻</a>
					</li>
					<li>
						<a href="">钻戒定制</a>
					</li>
					<li>
						<a href="">定位产品</a>
					</li>
					<li>
						<a href="">黄金</a>
					</li>
					<li>
						<a href="">来图定制</a>
					</li>
					<li>
						<a href="">珠宝百科</a>
					</li>
				</ul>
			</div>
			<a href=""><img src="images/首页_17.jpg" id="img5" />
		</div>

		<div id="banner">
			<a href=""><img src="images/liebiao/1.jpg" id="img6" /></a>
		</div>
		<div id="b1">
			<p id="p12">首页&nbsp;&nbsp;>&nbsp;&nbsp;钻戒定制</p>
		</div>

		<div id="guild">
			<div id="guild1">
				<ul>
					<li>
						<a href="">类别:</a>
					</li>
					<li>
						<a href="">钻石</a>
					</li>
				</ul>
				<ul>
					<li>
						<a href="">类别:</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li>
						<a href="">女戒</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li>
						<a href="">男戒</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li>
						<a href="">吊坠</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li>
						<a href="">耳环</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li>
						<a href="">手链</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li>
						<a href="">项链</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>

				</ul>

				<ul>
					<li>
						<a href="">类别:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</a>
					</li>
					<li>
						<a href="">18K</a>
					</li>
					<li id="log">
						<a href="">备注：可定制PT900：PT950</a>
					</li>
				</ul>

				<ul>
					<li>
						<a href="">类别:</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li class="line">
						<a href="">1000元以下</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li class="line">
						<a href="">1000-1999</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li class="line">
						<a href="">2000-2999</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li class="line">
						<a href="">3000-4999</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
					<li class="line">
						<a href="">5000元以上</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>

			</div>

			<div id="lefthead">
				<p>商品分类</p>
				<ul class="ul6">
					<li>定价产品
						<ul class="ul7">
							<li><a href="">女戒</a></li>
							<li>对戒</li>
							<li>耳环</li>
							<li>手链</li>
						</ul>
					</li>

					<li>戒指定制
						<ul>
							<li>钻石</li>
							<li>女戒</li>
							<li>珍珠耳环</li>
						</ul>
					</li>

					<li>裸钻
						<ul class="ul8">
							<li>30分</li>
							<li>80分</li>
							<li>异形钻</li>
						</ul>
					</li>

					<li>黄金
						<ul class="ul9">
							<li>投资金条</li>
						</ul>
					</li>
				</ul>

			</div>

			<div id="an">
				<p>共998款|21款/页</p>
				<input class="btn btn-default" type="button" value="1" id="btn1">
				<input class="btn btn-default" type="submit" value="2" id="btn1">
				<input class="btn btn-default" type="submit" value="3" id="btn1">
				<input class="btn btn-default" type="submit" value="4" id="btn1">
				<input class="btn btn-default" type="submit" value="5" id="btn1">
				<input class="btn btn-default" type="submit" value="6" id="btn1">
				<input class="btn btn-default" type="submit" value="7" id="btn1">
			</div>
		</div>
		</div>

		<!--放图片的盒子-->
		<div id="brows">
			<div id="brows1">
				<p>
					<a href="">默认</a>
				</p>
				<p>
					<a href="">销量</a>
				</p>
				<p>
					<a href="">价格</a>
				</p>
				<p>
					<a href="">新品</a>
				</p>

			</div>
			<div id="picso">
				 <!-- <a href=""><img src="images/liebiao/images/30_03.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_04.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_05.jpg" /></a> -->

				<!-- <a href=""><img src="images/liebiao/images/30_03.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_04.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_05.jpg" /></a>
				
				<a href=""><img src="images/liebiao/images/30_03.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_04.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_05.jpg" /></a>

				<a href=""><img src="images/liebiao/images/30_03.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_04.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_05.jpg" /></a>

				<a href=""><img src="images/liebiao/images/30_03.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_04.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_05.jpg" /></a>
				
				<a href=""><img src="images/liebiao/images/30_03.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_04.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_05.jpg" /></a>
				
				<a href=""><img src="images/liebiao/images/30_03.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_04.jpg" /></a>
				<a href=""><img src="images/liebiao/images/30_05.jpg" /></a> --> 
			</div>

			<div id="lefpic">
				<a href=""><img src="images/liebiao/images/111_08.jpg" /></a>
			</div>
		
		</div>
		
		
		<div id="new">
			<div id="new1">
				<div id="div1">
					<p>最近资讯</p>
				</div>
				<a href=""><img src="images/images/po_10.jpg" id="img34" /></a>
				<ul>
					<li>
						<a href="">怎么选择钻石的戒托？</a>
					</li>
					<li>
						<a href="">教师节感恩优惠活动</a>
					</li>
					<li>
						<a href="">碧玺质量的鉴定方法 &nbsp;&nbsp;怎么鉴定碧玺的好坏？</a>
					</li>
					<li>
						<a href="">我的中国心&nbsp;抗战胜利日珍藏版限量7.7折</a>
					</li>

					<li>
						<a href="">浅谈国内钻石市场未来发展趋势</a>
					</li>
				</ul>
			</div>

			<div id="new2">
				<div id="div1">
					<p>钻石百科</p>
				</div>
				<a href=""><img src="images/images/po_12.jpg" id="img34" /></a>
				<ul>
					<li>
						<a href="">怎么选择钻石的戒托？</a>
					</li>
					<li>
						<a href="">教师节感恩优惠活动</a>
					</li>
					<li>
						<a href="">碧玺质量的鉴定方法 &nbsp;&nbsp;怎么鉴定碧玺的好坏？</a>
					</li>
					<li>
						<a href="">我的中国心&nbsp;抗战胜利日珍藏版限量7.7折</a>
					</li>

					<li>
						<a href="">浅谈国内钻石市场未来发展趋势</a>
					</li>
				</ul>
			</div>

			<div id="new3">
				<div id="div1">
					<p>婚嫁百科</p>
				</div>
				<a href=""><img src="images/images/po_14.jpg" id="img34" /></a>
				<ul>
					<li>
						<a href="">怎么选择钻石的戒托？</a>
					</li>
					<li>
						<a href="">教师节感恩优惠活动</a>
					</li>
					<li>
						<a href="">碧玺质量的鉴定方法 &nbsp;&nbsp;怎么鉴定碧玺的好坏？</a>
					</li>
					<li>
						<a href="">我的中国心&nbsp;抗战胜利日珍藏版限量7.7折</a>
					</li>

					<li>
						<a href="">浅谈国内钻石市场未来发展趋势</a>
					</li>
				</ul>
			</div>
			<a href=""><img src="images/images/po_07.jpg" id="img35" /></a>

		</div>
		
		
		
		<!--尾部-->
		
		<div id="foot">
				<a href=""><img src="images/pic/images/免费注册_03.jpg"/></a>
			
		</div>
		
		<div id="non">
		<div id="foot1">
					<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_07.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
				<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_18.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
			
			<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_09.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
			
			<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_11.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
			
			<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_13.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
			
			<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_15.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
		</div>
		</div>
					<div id="big">
				<div id="foot3">
					<ul id="ul_1">
						<li>体验中心地址：新疆乌鲁木齐市北京南路566号小西沟京华杰座711室 联系电话：0991-3671906 联系人：崔先忠</li>
						<li>Copyright @2007-2014深圳戴欧妮网络科技有限公司&nbsp;&nbsp;ALL Rights Reserved 经营许可证编号：粤B-20080371 粤ICP备11058956号-1</li>
						
					</ul>
					
					<ul id="ul_2">
						<li>全球24小时服务热线</li>
						<li>4006-578-478</li>
					</ul>
					</div>
					
				</div>
			<div id="foot4">
				<a href=""><img src="images/pic/images/images/免费注册_03.jpg"/></a>
				
			</div>	
				<div id="big2">
		<div id="foot5">
				<ul>
					<li>友情链接：  钻石  中关村商城 手表品牌排名  裸钻 钻石珠宝论坛  海鞋网 麻豆网  时尚生活网  母亲节礼物   中国美业网  天俊手表   婚戒 结婚 新疆和田玉  楚天运动频道 手礼网  葡萄酒      和玉田 水晶     </li>
					<li>礼品网  股城网  卷皮9.9包邮  国美在线优惠券    建材商城  健一网</li>
					<p>友情链接请加QQ:2992936086</p>
				</ul>
			</div>	
		
		</div>
		
		
		
		
	</body>

</html>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/liebiaoye.js"></script>
<script src="js/aj.js"></script>
<script src="js/1.js"></script>
<script src="js/1.json"></script>
<script src="js/cookie.js"></script>
 <script>
	
	var pi=document.querySelector("#picso")
	data.forEach(obj=>{
		 
	pi.innerHTML += `
		<div>
			<img src="${obj.pimg}"/>
		</div>
	`;
});
	</script>
	
	
	<script>
		
		
	
		
		// var en=document.querySelectorAll("#picso>div>img")
		var pi=document.querySelector("#picso")

		// var imgs=document.querySelector("#picso>div>img")
	
		
// 		
// 		for(let i=0;i<en.length;i++){
// 			var eve=en[i];
			
				pi.onclick=function(e){
					
			var el=e.target;
			if(el.nodeName=="IMG"){
				
				alert();
					setCookie("imgcookie",${obj.id},7)
					
			}
		// }
			
		}
// 		
// 		eve.onclick=function(){
// 			alert();
// 			
// 		
// 		}
// 		

		

// 	var cc=document.cookie;
// 	console.log(cc);
		
		
		class click{
			constructor(arg) {
			}
		}
		
		
	</script>
	
	
	
	
	
	
	
	
	<!-- <script>
	
	
	
	$.getJSON("js/1.json",function(data){
		var html='';
		$(data.db).each(function(i,v){
			
			console.log(v.pimg)
			
			html+=`
			<div><img src=${v.pimg}/></div>
			`
		})		
			
		$("#picso").html(html)	
		
	})
	console.log(data)

		
	</script>
	
 -->
 